<template>
	<div>
		测试跳转
	</div>
</template>

<script>
	export default {
		name:'CssMack',
		data(){
			return{
				
			}
		},
		mounted() {
			// this.obj1()
			this.newObj()
		},
		methods:{
			newObj(){
				class MyClass{
					constructor(x,y) {
					  this.x=x;
						this.y=y;
					}
					get prop(){
						return "get取值"
					}
					set prop(val){
						console.log("teach:"+val)
					}
				}
				let init=new MyClass(2,6)
				init.prop=10
				console.log(init.prop)
			},
			obj1(){
				class Point{
					constructor(x,y){
						this.x=x;
						this.y=y;
					}
					toString(){
						console.log( '(' + this.x + ', ' + this.y + ')');
					}
					get prop(){
						return 'get取值';
					}
					set prop(value){
						this.x='set赋值'+value;
					}
				}
				const p = new Point(1,2);
				const p1 = new Point(3,4);
				// __proto__ 为原型添加属性、方法，可以让所有的实例访问，这样实例化后后调用的就不会影响先调用的输出结果
				// 没有__proto__添加的属性、方法，只能私有实例使用，其他实例不能使用会报错“undefind”
				p.__proto__.sayHi=function (a){console.log('添加sayHi方法'+a)}
				p.toString()
				p.sayHi("p调用")
				p1.sayHi("p1调用")
			}
		}
	}
</script>

<style>
</style>
